<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Stitches</title>
    <meta name="description" content="Stitches">
    <meta name="author" content="Matthew Cobbs">

    <!-- Mobile viewport optimized: j.mp/bplateviewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- CSS: implied media=all -->
    <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/stitches.css">
    <!-- end CSS-->

    <style type="text/css">
    body { margin: 0; padding: 0; }
    #wrap { margin: 0 auto; }
    </style>

    <script src="../libs/jquery/jquery-1.7.1.js"></script>
    <script src="../libs/modernizr/modernizr-2.0.6.min.js"></script>
    <script src="../libs/bootstrap/js/bootstrap.min.js"></script>

    <script data-main="js/stitches.js" src="require.js"></script>
</head>

<body>
    <div id="wrap">
        <div class="container">
            <div class="stitches">
                <!--<img src="img/test/github.png" data-name="github"/>-->
                <!--<img src="img/test/gmail.png" data-name="gmail"/>-->
                <!--<img src="img/test/linkedin.png" data-name="linkedin"/>-->
                <!--<img src="img/test/stackoverflow.png" data-name="stackoverflow"/>-->
                <!--<img src="img/test/tumblr.png" data-name="tumblr"/>-->
                <!--<img src="img/test/twitter.png" data-name="twitter"/>-->
            </div>
        </div>
    </div>
</body>
</html>